<!DOCTYPE html>
<html th:replace="layout/layout"
      xmlns:th="http://www.thymeleaf.org">
<title th:fragment="titleName">首页</title>
<style th:fragment="styles">
    #chartDiv, #container {
        height: 320px;
        width: 100%;
        overflow: hidden;
    }

</style>
<div th:fragment="content">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-10">
            <h2>个人中心</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="/index">首页</a>
                </li>
                <li class="active">
                    <strong>个人中心</strong>
                </li>
            </ol>
        </div>
        <div class="col-lg-2">

        </div>
    </div>
    <div class="wrapper wrapper-content">

        <div class="row  border-bottom white-bg dashboard-header">
            <div class="col-lg-3">
                <h2>个人信息</h2>
                <!--<small>商家/单数/成功数</small>-->
                <ul class="list-group clear-list m-t">
                    <li class="list-group-item">
                    <span class="pull-right"  >
                    <div></div>
                    </span>
                        <span class="label label-info">1</span>用户名：<span id="lab_userName"></span>
                    </li>

                    <li class="list-group-item fist-item">
                        <span class="label label-success">2</span> 手机号：<span id="lab_userPhone"></span>
                    </li>
                    <li class="list-group-item fist-item">
                        <span class="label label-default">3</span> 密码：******
                    </li>
                    <li class="list-group-item fist-item">
                        <span class="label label-danger">4</span> 登录秘钥：<span id="lab_secret"></span>
                    </li>

                    <li class="list-group-item fist-item">
                    <span class="pull-right" >
                       <div><span class="label label-success" onclick="changeUser();">修改</span></div>
                    </span>

                    </li>
                </ul>
            </div>
            <div class="col-lg-9" >



            </div>
        </div>

        <div class="modal fade" id="createFileMModal" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="createFileTitle">修改个人信息</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label for="text_UserName" class="col-form-label">用户名</label>
                                <input type="text" autofocus class="form-control" id="text_UserName" readonly="readonly"  maxlength="50">
                            </div>
                            <div class="form-group">
                                <label for="text_UserPassword" class="col-form-label">密码</label>
                                <input type="text" autofocus class="form-control" id="text_UserPassword" maxlength="20">
                            </div>

                            <div class="form-group">
                                <label for="text_UserPhone" class="col-form-label">手机号</label>
                                <input type="text" autofocus class="form-control" id="text_UserPhone"  maxlength="20">
                            </div>

                            <div class="form-group">
                                <label for="text_NewUserPassword" class="col-form-label">新密码(不修改，可不输)</label>
                                <input type="text" autofocus class="form-control" id="text_NewUserPassword"  maxlength="20">
                            </div>


                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="createFileSureBut">确定</button>
                        <button type="button" id="close" name="close" class="btn btn-danger" data-dismiss="modal">关 闭</button>
                    </div>
                </div>
            </div>
        </div>

    </div>



</div>
<div th:fragment="scriptRef">
    <script th:src="@{/js/sysConfig/personal.js}"></script>
</div>
<script th:fragment="scripts" type="text/javascript">
    Personal.init();
</script>
</html>